<div class="tops">
	<div class="top_img">		
		<img src="" alt="" />
		<div class="top_name">
			<h5></h5>
			<p>
				<img src="../../static/img/xianjin/safe-shop.png" alt="" />
				<img src="../../static/img/xianjin/safe.png" alt="" />				
			</p>
		</div>
	</div>
	<div class="top_member">
		<div class="top_member_1">
			<p>0</p>
			<p>0</p>
			<p>0</p>
		</div>
		<div class="top_member_2">
			<p>签约推广</p>
			<p>会员</p>
			<p>关注</p>
		</div>
	</div>
	<div class="mask"></div>
	<div class="left"></div>
	<div class="right"></div>
</div>
<div class="img">
	<img src="../../static/img/xianjin/p6.png" alt="" />
</div>
<div class="img">
	<img src="../../static/img/xianjin/p7.png" alt="" />
</div>
<div class="all_functions">
	<div class="already_open">
		<h6>已开通功能</h6>
		<p>功能管理<span></span></p>
	</div>
	<div class="open_lists">
		<!--<div class="open_list">
			<img src="../../static/img/xianjin/i1-a.png" alt="" />
			<p>宝店</p>
		</div>-->	
	</div>
</div>
<div class="img">
	<img src="../../static/img/xianjin/p8.png" alt="" />
</div>
<div class="img">
	<img src="../../static/img/xianjin/p9.png" alt="" />
</div>

<style>
	.store_manage{		
		background: #f2f2f2;
		padding-bottom: 4rem;
	}
	.tops{
		height: 12.18rem;		
		box-sizing: border-box;		
		display: flex;
		flex-direction: column;
		justify-content: flex-end;		
		background-size: 100% 100%;
		z-index: 9;		
		position: relative;
	}
	.tops:after{
		content: "";	
		width: 100%;    
	    height: 12.18rem;  	    
	    position: absolute;
	    left: 50%;
	    top: 0;
	    transform: translateX(-50%);	    
	    background: inherit;
	    filter: blur(5px);	 	      
	}
	.mask{
		width: 100%;
		height: 12.18rem;
		position: absolute;
		top: 0;
		left: 0;		
		background: linear-gradient(to bottom, rgba(0,0,0,.5) 0%,rgba(255,255,255,.5) 100%);
		z-index: 97;
	}
	.left{
		width: 4%;
		height: 12.18rem;
		position: absolute;
		top: 0;
		left: 0;
		background: linear-gradient(to left, rgba(80,83,94,.5) 0%,rgba(80,83,94,.1) 100%);		
		z-index: 98;
	}
	.right{
		width: 4%;
		height: 12.18rem;
		position: absolute;
		top: 0;
		right: 0;
		background: linear-gradient(to right, rgba(80,83,94,.5) 0%,rgba(80,83,94,.1) 100%);	
		z-index: 98;
	}	
	.top_img{
		display: flex;
		align-items: center;
		padding: 0 1.5rem;	
		background: transparent;
		z-index: 99;	
	}
	.top_img>img{		
		height: 3rem;
		border-radius: 6px;
		margin-right: .64rem;
	}	
	.top_name>h5{
		font-size: .99rem;
		color: #fff;
	}
	.top_name>p{
		display: flex;
		align-items: center;
	}
	.top_name>p>img{
		width: .87rem;		
	}
	.top_name>p>img:nth-of-type(1){
		margin-right: .44rem;
	}
	.top_member{
		width: 92%;
		height: 4rem;
		background: #fff;
		border-radius: 10px;
		margin: .99rem auto 0 auto;		
		box-sizing: border-box;		
		z-index: 100;
	}
	.top_member_1,.top_member_2{
		display: flex;
		justify-content: space-around;		
	}
	.top_member_1{
		margin-top: .5rem;
	}
	.top_member_1>p,.top_member_2>p{
		width: 3.3rem;
		font-size: .9rem;
		color: #000;
		text-align: center;
		white-space: nowrap;
	}
	.img{
		display: flex;
		flex-direction: column;
	}
	.img img{
		width: 100%;
	}
	.all_functions{
		width: 92%;
		margin: 0 auto;
		background: #fff;
		border-radius: 10px;
	}
	.already_open{
		display: flex;
		justify-content: space-between;
		padding: 1.16rem .58rem 1.16rem .81rem;
		box-sizing: border-box;
	}
	.already_open h6{
		font-size: 1rem;
		color: #000;
		font-weight: 600;
	}
	.already_open p{
		width: 6rem;
		height: 2rem;
		line-height: 2rem;
		font-size: 1rem;
		color: #f80549;
		display: flex;
		align-items: center;	
		justify-content: center;		
		border-radius: 10px;		
		box-sizing: border-box;
	}
	.already_open p span{
		display: block;
		width: 7px;
		height: 7px;
		border-top: 1px solid #f80549;
		border-right: 1px solid #f80549;
		transform: rotate(45deg);	
		margin-left: .52rem;	
	}
	.open_lists{
		width: 100%;
		margin: 0 auto;
		display: flex;		
		flex-wrap: wrap;		
		padding: 0 0 .87rem 0;
		border-bottom: 1px solid #e4e4e4;
	}
	.open_list{
		width: 25%;
		height: 3.78rem;		
		box-sizing: border-box;		
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin: 0 0 1.91rem 0;	
		border-radius: 10px;					
	}	
	.open_list img{
		width: 2.61rem;
		height: 2.61rem;
	}
	.open_list p{
		font-size: 1rem;
		color: #000;
	}	
</style>